<template>
  <div id="app">
    <Header v-if="$route.meta.isNav"></Header>
    <div class="flex">
      <div>
        <Menu v-if="$route.meta.isNav"></Menu>
      </div>
      <div class="router">
        <Tags></Tags>
        <router-view v-slot="{ Component }">
          <keep-alive :exclude="['404']">
            <component :is="Component" />
          </keep-alive>
        </router-view>
      </div>
    </div>
  </div>
</template>
<script>
import Menu from "@/components/sys/Menu/Menu.vue";
import Header from "@/components/sys/Header/Header.vue";
import Tags from "@/components/sys/Tags/Tags";

export default {
  components: { Menu, Header, Tags },
  methods: {},
};
</script>
<style lang="scss">
html,
body,
#app {
  width: 100%;
  margin: 0;
  padding: 0;
  height: 100%;
}
.flex {
  display: flex;
  .router {
    flex: 1;
  }
}
</style>
